<!--
     *  This file is part of "SchoolChoice",
     *  a school registration system.
     *
     *  Copyright (C) 2009 Nicolas Decerf, Olivier Jacquemin.
     *
     *  "SchoolChoice" is free software; you can redistribute it and/or modify
     *  it under the terms of the GNU General Public License as published by
     *  the Free Software Foundation; either version 3 of the License, or
     *  (at your option) any later version.
     *
     *  "SchoolChoice" is distributed in the hope that it will be useful,
     *  but WITHOUT ANY WARRANTY; without even the implied warranty of
     *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     *  GNU General Public License for more details.
     *
     *  You should have received a copy of the GNU General Public License
     *  along with this program: see the file COPYING.txt.  If not, see
     *  http://www.gnu.org/licenses/.
  -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <!-- External libraries -->
        <link type="text/css" href="css/jquery-ui.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jsonrpc-min.js"></script>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>

        <!-- Main program file.  Must appear before other ones because declares main package. -->
        <script type="text/javascript" src="js/index.js"></script>

        <!-- Other program files. -->
        <link type="text/css" href="css/schoolchoice.css" rel="stylesheet" />
        <script type="text/javascript" src="js/logger.js"></script>
        <script type="text/javascript" src="js/webserviceproxy.js"></script>
        <script type="text/javascript" src="js/School.js"></script>
        <script type="text/javascript" src="js/UserProfile.js"></script>
        <script type="text/javascript" src="js/UserSchoolChoice.js"></script>
        <script type="text/javascript" src="js/UserSchoolAssignment.js"></script>
        <script type="text/javascript" src="js/View.js"></script>
        <script type="text/javascript" src="js/LoginEditor.js"></script>
        <script type="text/javascript" src="js/SchoolEditor.js"></script>
        <script type="text/javascript" src="js/NewUserEditor.js"></script>
        <script type="text/javascript" src="js/UserProfileEditor.js"></script>
        <script type="text/javascript" src="js/Controller.js"></script>
        <script type="text/javascript" src="js/SchoolsList.js"></script>
        
        <title>Index</title>
    </head>

    <body>

        <div id="content">

            <!-- Load points for the various dialogs -->

            <div id="LoginForm" title="Identification">
            </div>

            <div id="NewUser" title="Nouvel élève">
            </div>

            <div id="UserProfile" title="Profil de l'élève">
            </div>

            <div id="NewSchool" title="Ecole">
            </div>

            <div id="Log">
            </div>


            <!-- Visible sections -->

            <div id="Header">

                <h1>SchoolChoice</h1>

            </div> <!-- Header -->


            <div id="Menu">
                <ul>
                    <li><input id="criteria" type="text"/></li>
                    <li><button id="Search"><span class="ui-icon ui-icon-search"/></button></li>
                    <li><button id="Edit">Ajouter ou modifier une école</button></li>
                    <li><button id="GetPreferredSchools">Récupérer ses préférences</button></li>
                    <li><button id="SetPreferredSchools">Sauvegarder ses préférences</button></li>
                    <li><button id="GetProfile">Charger son profil</button></li>
                    <li><button id="Logout">Fermer la session</button></li>
                </ul>

            </div> <!-- Menu -->


            <div id="WelcomeSection" class="section">

                <h2>Bienvenue !</h2>

                <p class="ui-state-highlight">
                    Identifiez-vous ou créez un compte pour un nouvel élève.
                </p>

                <p>
                    <button id="Login">S'identifier</button>
                    <button id="CreateUser">Nouvel élève</button>
                </p>

            </div> <!-- WelcomeSection -->


            <div id="SchoolsSection" class="section">

                <div id="SchoolsFoundTitle">Résultat de la recherche</div>
                <div id="PreferredSchoolsTitle">Liste de préférences</div>

	            <div>
                    <ul id="SchoolsFound" class="connectedSortable">
                    </ul>

                    <ol id="PreferredSchools" class="connectedSortable">
                    </ol>
                </div>

                <p>
                </p>

            </div> <!-- SchoolsSection -->

<!--
            <div id="MapSection">
                <iframe src="http://maps.google.com"/>
            </div>
-->
        </div> <!-- content -->
    </body>
</html>
